<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单：单选按钮</title>
</head>
<body>

    <form action="pages/target.html" method="post">
        <!-- 单选框：input 标签配合 type 属性取值为 radio -->
        <!-- name 属性：不仅指定了当前单选框提交时请求参数的名称，而且限定了同一个 name 属性的单选框只能选择一个 -->
        <!-- value 属性：指定将来要提交给服务器的值，某个 radio 被选中后发送给服务器的就是它的 value 属性值 -->
        <!-- checked 属性：设置默认被选中的选项 -->
        请选择你喜欢的季节：
        <input type="radio" name="season" value="spring" />春天
        <input type="radio" name="season" value="summer" />夏天
        <input type="radio" name="season" value="autumn" checked="checked" />秋天
        <input type="radio" name="season" value="winter" />冬天

        <br/><br/><br/>

        <!-- name 属性值不同的单选框，属于不同组，各自组内互斥只能选一个，但是组和组之间无妨 -->
        请选择你喜欢的水果：
        <input type="radio" name="fruit" value="apple" />苹果
        <input type="radio" name="fruit" value="banana" checked />香蕉
        <input type="radio" name="fruit" value="orange" />橙子

        <br/><br/><br/>
        <input type="submit" value="提交" />
    </form>

</body>
</html>